<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- 测试360浏览器 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
    <title>商品详情</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../css/myCss.css">
    <link rel="stylesheet" type="text/css" href="../css/bingo.css">
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
    <!-- [if IE 7]>
    <link rel="stylesheet" type="text/css" href="../css/font-awesome-ie7.min.css">
    <!-- [endif]-->

    <script src="../js/jquery-2.1.4.min.js"></script><!--javascript放在后面可以提高网页加载-->
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/myJs.js"></script>
    <script src="../js/bingo.js"></script>
    <script src='../js/jquery.elevateZoom-3.0.8.min.js'></script>
</head>
<body>

<!-- [if lt IE 9] -->
<script src="../js/html5shiv.min.js"></script>
<script src="../js/respond.min.js"></script>
<!-- [endif] -->


<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <ul class="nav navbar-nav">
        <li><a href="../login.html">登录</a></li>
        <li><a href="../signup1.html">免费注册</a></li>
    </ul>
    <ul class="nav navbar-nav navbar-right">
        <li><a href="../">主页</a></li>
        <li class="dropdown">
            <a href="../personalcenter/orders.html" class="dropdown-toggle" id="mydrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">我的一起购<i class="icon-sort-down" style="padding-left: 5px;vertical-align: text-top;"></i></a>
            <ul class="dropdown-menu" aria-labelledby="mydrop" style="background-color: #FFF;text-align: center;min-width: 108px;">
                <li><a style="padding: 0" href="../personalcenter/">个人中心</a></li>
                <li><a style="padding: 0" href="../personalcenter/bingo.html">我的拼购</a></li>
                <li><a style="padding: 0" href="../personalcenter/orders.html">我的订单</a></li>
                <li><a style="padding: 0" href="#">我的分享</a></li>
                <li><a style="padding: 0" href="#">绑定账号</a></li>
                <li><a style="padding: 0" href="../personalcenter/updatepassword.html">修改密码</a></li>
                <li><a style="padding: 0" href="../personalcenter/userinfo.html">修改资料</a></li>
            </ul>
        </li>
        <li><a href="cart(bingo).html">购物车<span class="badge aqua"></span></a></li>
        <li><a href="../personalcenter/collect.html">收藏夹<span class="badge aqua"></span></a></li>
        <li><a href="#">客户服务<span class="badge aqua"></span></a></li>
        <li><p class="navbar-text time"></p></li>
    </ul>
</nav><!--<nav>-->


<div class="container">
    <div class="row">
        <div class="col-sm-2 col-lg-2 text-center">
            <a href="../" style="color: #f4a624;"><img src="../imgs/logo.png" style="height:58px;width:auto;">
                <p>eachgo.cn</p></a>
        </div><!--logo-->
        <div class="col-sm-2 col-lg-2"></div>
        <div class="col-sm-1 col-lg-1"></div>
        <div class="col-sm-7 col-lg-7" role="form">
            <form action="#" method="post" name="search" role="search">
                <div class="input-group" style="padding-top: 15px;">
                    <label class="sr-only"></label><!--form表单中，label标签必不可少-->
                    <input type="text" maxlength="255" autocomplete="off" class="form-control" placeholder="搜索宝贝">
                    <span class="input-group-btn"><button type="submit" class="my-btn-default-text btn btn-default  my-btn-default-bgcolor">&nbsp;<i class='icon-search h4'></i>&nbsp;</button></span>
                </div>
            </form>
        </div><!--搜索框表单-->
    </div><!--/.row search-->

    <div class="row">
        <div class="col-sm-12 col-lg-12">
            <div class="row">
                <div class="col-sm-12 col-lg-12">
                    <div class="btn-group" style="width:100%; background-color: rgb(244,166,36); ">
                        <button type="button" class="button-aid-color btn">全部购物商品分类&nbsp;&nbsp;<span class="glyphicon glyphicon-menu-down"></span></button>
                        <button type="button" class="btn button-main-color">一起拼购</button>
                        <button type="button" class="btn button-main-color">中奖晒单</button>
                        <button type="button" class="btn button-main-color">高校公益</button>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="my-cols-right col-sm-10 col-lg-10">
                    <div class="row">
                        <div class="col-sm-6 col-lg-6">
                            <div class="row">
                                <div  class="my-col-right col-sm-12 col-lg-12" style="padding:0; width: 440px; height:340px; margin-left: 15px; border: 2px solid rgb(242,242,242);">
                                    <img style="cursor:move!important; padding:0; margin:0;" id="zoom_01"  height="335" width="435" src="../imgs/shopping/big-1.jpg" data-zoom-image="../imgs/shopping/big-1.jpg">
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-lg-6">
                            <div class="row">
                                <div class="col-sm-12 col-lg-12">
                                    <h3><span>台灯 纯铜复古</span></h3><br><br>

                                    <div>颜色分类</div><br>
                                    <span class="btn" style="border: 1px solid #CCC;">含一个光源25W灯泡+棕色电线</span>
                                    <br><br>
                                    <div>数量</div><br>
                                    <span>
                                        <input type="button" class="del" value="-">
                                        <label><input type="text" class="text-center amount" value="1" style="width: 80px;" onclick="javascript:select();"></label>
                                        <input type="button" class="add " value="+">
                                    </span>
                                    <span>库存20件</span>
                                    <div class="h3">￥99.00</div>
                                    <div class="h6">邮费<del>10.0</del>元</div>
                                    <div class="row">
                                        <div class="col-sm-offset-2 col-lg-offset-2 col-sm-8 col-lg-8">
                                            <a href="../bingo/paymentorders(shopping).html" class="btn" style="background-color: RGB(244,166,36); color:rgb(255,255,255);font-size: 18px;">&nbsp;立即购买&nbsp;</a>
                                            <a href="./cart(bingo&shopping).html" class="btn pull-right" style="background-color: RGB(235,93,34); color:rgb(255,255,255);font-size: 18px;">放入购物车</a>
                                        </div>
                                        <div class="col-sm-2 col-lg-2"></div>
                                    </div>
                                </div>
                            </div><br><br>
                        </div>
                    </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-12 col-lg-12" style="width:1140px; border: 1px solid #ccc; margin: 15px 15px;">
            <!-- 商品详情、评价记录 start -->
            <div class="row">
                <div class="btn-group col-sm-12 col-lg-12" style="width:1139px; background-color: rgb(242,242,242); padding:0;">
                    <div class="select-btn btn" id="gi">商品详情</div>
                    <div class="not-select-btn btn" id="sr">评价记录</div>
                </div>
            </div>
            <!-- 商品详情、评价记录 end -->
            <!-- 商品详情 start -->
            <div class="row">
                <div class="col-sm-12 col-lg-12 text-center" id="good-info">
                    <img src="../imgs/shopping/detail.png" width="747">
                </div>
            </div>
            <!-- 商品详情 end -->

            <!-- 评价记录 start -->
            <div class="row" style="height: 800px;">
                <!--<div class="col-sm-12 col-lg-12" style="width:1120px; border:1px solid #ccc; margin: 5px 10px; padding: 5px 5px; display:none;" id="show-record">-->
                    <!--<div class="col-sm-2 col-lg-2">  &lt;!&ndash; 头像和昵称 &ndash;&gt;-->
                        <!--<a href="#"><img src="../imgs/personalcenter/head.png" height="80" width="80"><br>我是你们的上帝</a>-->
                    <!--</div>-->
                    <!--<div class="col-sm-8 col-lg-8">  &lt;!&ndash; 图片和文字 &ndash;&gt;-->
                        <!--<div class="row">-->
                            <!--<div class="col-sm-12 col-lg-12">-->
                                <!--<span class="col-sm-3 col-lg-3"><img src="../imgs/bingo/goods-img_0000.png" height="120" width="155"></span>-->
                                <!--<span class="col-sm-3 col-lg-3"><img src="../imgs/bingo/goods-img_0001.png" height="120" width="155"></span>-->
                                <!--<span class="col-sm-3 col-lg-3"><img src="../imgs/bingo/goods-img_0002.png" height="120" width="155"></span>-->
                                <!--<span class="col-sm-3 col-lg-3"><img src="../imgs/bingo/goods-img_0003.png" height="120" width="155"></span>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="row">-->
	        				<!--<span class="share-text"><p style="width: 750px; word-wrap: break-word; word-break: normal;">-->
                                <!--我是你们的上帝，所以我要给你们恩惠！我是你们的上帝，所以我要给你们恩惠！我是你们的上帝，所以我要给你们恩惠！我是你们的上帝，所以我要给你们恩惠！我是你们的上帝，所以我要给你们恩惠！我是你们的上帝，所以我要给你们恩惠！我是你们的上帝，所以我要给你们恩惠！-->
                            <!--</p></span>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div><span class="pull-right">2015-06-22 18:53:36</span></div>-->
                <!--</div>-->
                <div class="col-lg-12 col-sm-12">
                    <div class="text-center" style="margin-top: 100px;">暂无商品相关评论</div>
                </div>
            </div>
            <!-- 评价记录 end -->
        </div>
    </div>
</div>
</div>

<img id="back-top" src="../imgs/top2.png" width="45" height="50">

<!--footer start-->
<div class="text-center" style="margin-top: 50px;color: #949494;" id="footer">
    <a href="#" style="color: #949494;"><span>首页</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>关于一起购物</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>隐私声明</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>加入我们</span></a>
    <span>|</span>
    <a href="#" style="color: #949494;"><span>联系我们</span></a>
    <p style="margin-bottom: 0">CopyRight&copy;2014-2015,版权所有eachgo.cn</p>
</div>
<!--footer end-->

<script type="text/javascript">
    $('#zoom_01').elevateZoom({});
</script>
</body>
</html>